<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>Title</title>
</head>
<body>
  <span id="sp"><font color="red">懂得豆豆</font></span>
  <p>窗前明月光</p>
  <p>疑似地上霜</p>
  <p>举头望明月</p>
  <p>低头思故乡</p>
   姓名：<input type="text" name="username"><br>
    <button type="button" id="show1">显示</button>
    <button type="button" id="hide1">隐藏</button>
    <button type="button" id="delete">删除</button>
<script type="text/javascript">
    $(function () {
       // alert("ddddd")
        //通过id获取元素
        //alert($("#sp").text());
        //alert($("span").text());
         $("p").hide();
        //当鼠标单击button按钮的时候触发这个方法
        $("#show1").click(function () {
            $("p").show();

        })
    })



</script>
</body>
</html>